import Vue from 'vue'
import VueRouter from 'vue-router'

import  HomePage from '@/views/HomePage.vue'
import  NewsPage from '@/views/NewsPage.vue'
import  SportsPage from '@/views/SportsPage.vue'
  //    //   ///
import SportHome from '@/views/SportHome.vue'
import DomeStic from '@/views/DomeStic.vue'
import AbroadSport from '@/views/AbroadSport.vue'
Vue.use(VueRouter)

const router = new VueRouter({
  routes:[
    {
      path:'/',
      redirect:'/home'
    },
    {
      path:'/home',
      component: HomePage
    },
    {
      path:'/news',
      component: NewsPage
    },
    {
      path:'/sports',
      component: SportsPage,
      children:[
    {
      path:'sporthome',
      component: SportHome
    },
    {
      path:'domestic',
      component: DomeStic
    },
    {
      path:'abroad',
      component: AbroadSport
    },
      ]
    },
  ]
})


export default router
